<template>
  <div class="blogInfoBox">
      <el-page-header @back="goBack" content="博客详情"></el-page-header>
      <p class="blogInfiTitle">{{this.blogObj.title}}</p>
      <div v-html="blogObj.htmlContent" class="markdown-body"></div>
  </div>
</template>

<script>
export default {
    props:['blogObj'],
    mounted(){
        console.log(this.blogObj)
    },
    methods:{
        goBack(){
            this.$emit('reload')
        }
    }
}
</script>
<style lang="scss" scpoed>
@import './markdown.scss';

.blogInfoBox{
    width: 80%;
    background-color: rgba(255,255,255,0.8);
    // background-color: rgba(0,0,0,0.3);

    padding: 50px;
    .blogInfiTitle{
        text-align: center;
        line-height: 200%;
        font-size: 40px;
        font-weight: bolder;
    }
}
</style>